html { font-size: 10px; overflow-x: hidden; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, table, th, td, iframe { margin: 0; padding: 0; }
body { font-size: 1.4rem !important; font-family: Microsoft Yahei,-apple-system-font,Helvetica Neue,sans-serif; color: #595757; word-break: break-all; }
table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; vertical-align: top; }
option { padding-left: 5px; *padding: 0; }
ul, li { list-style: none; }
a { color: #424242; text-decoration: none; }
.fl { float: left; }
.fr { float: right; }
.clear { clear: both }
h1, h2, h3, h4, h5, h6 { font-weight: normal }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#pagesize { padding: 8px; }
#pagesize ul { margin: 0px auto; display: table }
#pagesize ul li { float: left }
#pagesize a, #pagesize span { float: left; color: #666; line-height: 2.4rem; text-align: center; border: 1px solid #BBB; min-width: 14px; padding: 0 1rem; margin: 0 5px 0 0; border-radius: 3px; }
#pagesize a:hover { text-decoration: none; background: #000; color: #fff }
#pagesize .active { background: #000; color: #FFF; border: none; cursor: default; }
#pagesize .disabled { color: #ccc; cursor: default; }
.sub > .submenu > #colorNav > ul > li > a { color: #fff }
.sub > .submenu > .tell > span { color: #fff }
#colorNav > ul { width: 100%; margin: 0 auto; line-height: 65px; text-align: center }
#colorNav > ul > li { list-style: none; display: inline-block; border-radius: 5px 5px 0px 0px; position: relative; font-size: 1.6rem }
#colorNav > ul > li > a { padding: 0 22px; display: block; color: #333333 }
#colorNav li ul { position: absolute; list-style: none; text-align: center; width: 100px; left: 50%; margin-left: -50px; max-height: 0px; overflow: hidden; -webkit-transition: max-height 0.4s linear; -moz-transition: max-height 0.4s linear; transition: max-height 0.4s linear; z-index: 999 }
#colorNav > ul > li > a:hover { background: url(../images/dot.png) no-repeat center bottom; color: #333333 }
#colorNav li ul li { background-color: #fff; }
#colorNav li ul li a { padding: 5px 15px 5px 15px; color: #fff !important; text-decoration: none !important; display: block; line-height: 24px; font-size: 14px }
#colorNav li ul li { background-color: rgba(0,0,0,0.6); }
#colorNav li ul li:hover { background-color: #d00000; }
#colorNav li ul li:first-child { position: relative; line-height: 30px }
/*#colorNav li ul li:first-child:before{content:'';position:absolute;width:1px;height:1px;border:5px solid transparent;border-bottom-color:rgba(0,160,233,0.8);left:50%;top:-5px;margin-left:-5px;}*/
#colorNav li ul li:last-child { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
#colorNav li:hover ul { max-height: 300px; }


.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }
.callbacks_tabs.callbacks1_tabs { margin-top: -40px; position: relative; z-index: 100; margin-bottom: 20px; }
.callbacks_tabs.callbacks1_tabs li { display: inline-block; width: 10px; height: 10px; margin-left: 5px; border-radius: 10px; border: 1px solid #FFF; position: relative; }
.callbacks_tabs.callbacks1_tabs li a { display: inline-block; width: 10px; height: 10px; border-radius: 10px; position: absolute; left: 0; z-index: 1000; color: rgba(100,200,300,0); color: transparent; }
.callbacks_tabs.callbacks1_tabs li.callbacks_here a { background: #FFF; }
.callbacks_container { position: relative; width: 100%; max-width: 100%; text-align: center; }
#headnav + .callbacks_container { z-index: 0; }
.callbacks { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.callbacks li { position: absolute; width: 100%; left: 0; top: 0; }
.callbacks img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; }
.callbacks .caption { display: block; position: absolute; z-index: 2; font-size: 20px; text-shadow: none; color: #fff; background: #000; background: rgba(0,0,0, .8); left: 0; right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none; }
.callbacks_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 50%; left: 0; opacity: 0.6; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent /*url("../images/themes.gif") no-repeat left top*/; margin-top: -30px; display: none; }
.callbacks_container:hover .callbacks_nav { display: block; }
.callbacks_nav:active { opacity: 1.0; }
.callbacks_nav.next { left: auto; background-position: right top; right: 0; }

@media screen and (max-width:600px) {
    .callbacks_nav { top: 47%; }
}




.header { position: relative; height: 50px; background: #086f69; }
.header .logo { display: block; width: 130px; height: 30px; padding: 10px 0 0 10px; }
.header .logo img { display: block; height: 30px;; }
.header .search { position: absolute; top: 0; right: 35px; z-index: 1000; display: block; width: 50px; height: 50px; text-indent: -9999em; background: url(../images/icon-search.png) no-repeat center center; background-size: 40%; }
.header .search:hover { background-color: #0067d2; }
.header .search span { display: none; }
.header .user-icon { position: absolute; top: 0; right: 70px; z-index: 1000; display: block; width: 50px; height: 50px; text-indent: -9999em; background: url(../images/icon-user.png) no-repeat center center; background-size: 40%; }
.header .user-icon span { display: none; }
.header .user-icon:hover { background-color: #0067d2; }
.header .back { position: absolute; top: 0; left: 0; display: block; width: 50px; height: 50px; text-indent: -9999em; background: url(../images/icon-back.png) no-repeat center center; background-size: 12px 20px; }

.dl-menuwrapper { width: 100%; max-width: 250px; float: right; position: absolute; top: 0; right: 0; padding-top: 45px; z-index: 999; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 200%; -moz-perspective-origin: 50% 200%; perspective-origin: 50% 200%; }
.dl-menuwrapper:first-child { margin-right: 100px; }
.dl-menuwrapper button { border: none; width: 40px; height: 40px; text-indent: -900em; overflow: hidden; position: absolute; top: 0px; right: 0; cursor: pointer; outline: none; background: url(../images/menu.png) no-repeat center center; background-size: 80%; }
.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active { }
.dl-menuwrapper ul { background: #d00001; }
.dl-menuwrapper ul { padding: 0; list-style: none; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; }
.dl-menuwrapper li { position: relative; }
.dl-menuwrapper li a { display: block; position: relative; padding: 15px 20px; font-size: 16px; line-height: 20px; font-weight: 300; color: #fff; border-top: 1px solid #fff; border-bottom: 1px solid #fff; outline: none; }
.no-touch .dl-menuwrapper li a:hover { background: rgba(255,248,213,0.1); }
.dl-menuwrapper li.dl-back > a { /*padding-left: 30px;*/ background: rgba(0,0,0,0.1); }
.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after { position: absolute; top: 0; line-height: 50px; speak: none; -webkit-font-smoothing: antialiased; content: "\e000"; display: none; }
.dl-menuwrapper li.dl-back:after { left: 10px; color: rgba(255,255,255,0.8); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); }
.dl-menuwrapper li > a:after { right: 10px; color: rgba(255,255,255,0.8); }
.dl-menuwrapper .dl-menu { margin: 5px 0 0 0; position: absolute; width: 100%; opacity: 0; pointer-events: none; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); transform: translateY(10px); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }
.dl-menuwrapper .dl-menu.dl-menu-toggle { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.dl-menuwrapper .dl-menu.dl-menuopen { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); }
.dl-menuwrapper li .dl-submenu { display: none; }
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a { display: none; }
.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li { display: block; }
.dl-menuwrapper > .dl-submenu { position: absolute; width: 100%; top: 50px; left: 0; margin: 0; }
.dl-menu.dl-animate-out-1 { -webkit-animation: MenuAnimOut1 0.4s; -moz-animation: MenuAnimOut1 0.4s; animation: MenuAnimOut1 0.4s; }
.dl-menu.dl-animate-out-2 { -webkit-animation: MenuAnimOut2 0.3s ease-in-out; -moz-animation: MenuAnimOut2 0.3s ease-in-out; animation: MenuAnimOut2 0.3s ease-in-out; }
.dl-menu.dl-animate-out-3 { -webkit-animation: MenuAnimOut3 0.4s ease; -moz-animation: MenuAnimOut3 0.4s ease; animation: MenuAnimOut3 0.4s ease; }
.dl-menu.dl-animate-out-4 { -webkit-animation: MenuAnimOut4 0.4s ease; -moz-animation: MenuAnimOut4 0.4s ease; animation: MenuAnimOut4 0.4s ease; }
.dl-menu.dl-animate-out-5 { -webkit-animation: MenuAnimOut5 0.4s ease; -moz-animation: MenuAnimOut5 0.4s ease; animation: MenuAnimOut5 0.4s ease; }

@-webkit-keyframes MenuAnimOut1 {
    50% { -webkit-transform: translateZ(-250px) rotateY(30deg); }
    75% { -webkit-transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; }
    100% { -webkit-transform: translateZ(-500px) rotateY(0deg); opacity: 0; }
}

@-webkit-keyframes MenuAnimOut2 {
    100% { -webkit-transform: translateX(-100%); opacity: 0; }
}

@-webkit-keyframes MenuAnimOut3 {
    100% { -webkit-transform: translateZ(300px); opacity: 0; }
}

@-webkit-keyframes MenuAnimOut4 {
    100% { -webkit-transform: translateZ(-300px); opacity: 0; }
}

@-webkit-keyframes MenuAnimOut5 {
    100% { -webkit-transform: translateY(40%); opacity: 0; }
}

@-moz-keyframes MenuAnimOut1 {
    50% { -moz-transform: translateZ(-250px) rotateY(30deg); }
    75% { -moz-transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; }
    100% { -moz-transform: translateZ(-500px) rotateY(0deg); opacity: 0; }
}

@-moz-keyframes MenuAnimOut2 {
    100% { -moz-transform: translateX(-100%); opacity: 0; }
}

@-moz-keyframes MenuAnimOut3 {
    100% { -moz-transform: translateZ(300px); opacity: 0; }
}

@-moz-keyframes MenuAnimOut4 {
    100% { -moz-transform: translateZ(-300px); opacity: 0; }
}

@-moz-keyframes MenuAnimOut5 {
    100% { -moz-transform: translateY(40%); opacity: 0; }
}

@keyframes MenuAnimOut1 {
    50% { transform: translateZ(-250px) rotateY(30deg); }
    75% { transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; }
    100% { transform: translateZ(-500px) rotateY(0deg); opacity: 0; }
}

@keyframes MenuAnimOut2 {
    100% { transform: translateX(-100%); opacity: 0; }
}

@keyframes MenuAnimOut3 {
    100% { transform: translateZ(300px); opacity: 0; }
}

@keyframes MenuAnimOut4 {
    100% { transform: translateZ(-300px); opacity: 0; }
}

@keyframes MenuAnimOut5 {
    100% { transform: translateY(40%); opacity: 0; }
}

.dl-menu.dl-animate-in-1 { -webkit-animation: MenuAnimIn1 0.3s; -moz-animation: MenuAnimIn1 0.3s; animation: MenuAnimIn1 0.3s; }
.dl-menu.dl-animate-in-2 { -webkit-animation: MenuAnimIn2 0.3s ease-in-out; -moz-animation: MenuAnimIn2 0.3s ease-in-out; animation: MenuAnimIn2 0.3s ease-in-out; }
.dl-menu.dl-animate-in-3 { -webkit-animation: MenuAnimIn3 0.4s ease; -moz-animation: MenuAnimIn3 0.4s ease; animation: MenuAnimIn3 0.4s ease; }
.dl-menu.dl-animate-in-4 { -webkit-animation: MenuAnimIn4 0.4s ease; -moz-animation: MenuAnimIn4 0.4s ease; animation: MenuAnimIn4 0.4s ease; }
.dl-menu.dl-animate-in-5 { -webkit-animation: MenuAnimIn5 0.4s ease; -moz-animation: MenuAnimIn5 0.4s ease; animation: MenuAnimIn5 0.4s ease; }

@-webkit-keyframes MenuAnimIn1 {
    0% { -webkit-transform: translateZ(-500px) rotateY(0deg); opacity: 0; }
    20% { -webkit-transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; }
    100% { -webkit-transform: translateZ(0px) rotateY(0deg); opacity: 1; }
}

@-webkit-keyframes MenuAnimIn2 {
    0% { -webkit-transform: translateX(-100%); opacity: 0; }
    100% { -webkit-transform: translateX(0px); opacity: 1; }
}

@-webkit-keyframes MenuAnimIn3 {
    0% { -webkit-transform: translateZ(300px); opacity: 0; }
    100% { -webkit-transform: translateZ(0px); opacity: 1; }
}

@-webkit-keyframes MenuAnimIn4 {
    0% { -webkit-transform: translateZ(-300px); opacity: 0; }
    100% { -webkit-transform: translateZ(0px); opacity: 1; }
}

@-webkit-keyframes MenuAnimIn5 {
    0% { -webkit-transform: translateY(40%); opacity: 0; }
    100% { -webkit-transform: translateY(0); opacity: 1; }
}

@-moz-keyframes MenuAnimIn1 {
    0% { -moz-transform: translateZ(-500px) rotateY(0deg); opacity: 0; }
    20% { -moz-transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; }
    100% { -moz-transform: translateZ(0px) rotateY(0deg); opacity: 1; }
}

@-moz-keyframes MenuAnimIn2 {
    0% { -moz-transform: translateX(-100%); opacity: 0; }
    100% { -moz-transform: translateX(0px); opacity: 1; }
}

@-moz-keyframes MenuAnimIn3 {
    0% { -moz-transform: translateZ(300px); opacity: 0; }
    100% { -moz-transform: translateZ(0px); opacity: 1; }
}

@-moz-keyframes MenuAnimIn4 {
    0% { -moz-transform: translateZ(-300px); opacity: 0; }
    100% { -moz-transform: translateZ(0px); opacity: 1; }
}

@-moz-keyframes MenuAnimIn5 {
    0% { -moz-transform: translateY(40%); opacity: 0; }
    100% { -moz-transform: translateY(0); opacity: 1; }
}

@keyframes MenuAnimIn1 {
    0% { transform: translateZ(-500px) rotateY(0deg); opacity: 0; }
    20% { transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; }
    100% { transform: translateZ(0px) rotateY(0deg); opacity: 1; }
}

@keyframes MenuAnimIn2 {
    0% { transform: translateX(-100%); opacity: 0; }
    100% { transform: translateX(0px); opacity: 1; }
}

@keyframes MenuAnimIn3 {
    0% { transform: translateZ(300px); opacity: 0; }
    100% { transform: translateZ(0px); opacity: 1; }
}

@keyframes MenuAnimIn4 {
    0% { transform: translateZ(-300px); opacity: 0; }
    100% { transform: translateZ(0px); opacity: 1; }
}

@keyframes MenuAnimIn5 {
    0% { transform: translateY(40%); opacity: 0; }
    100% { transform: translateY(0); opacity: 1; }
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 { -webkit-animation: SubMenuAnimIn1 0.4s ease; -moz-animation: SubMenuAnimIn1 0.4s ease; animation: SubMenuAnimIn1 0.4s ease; }
.dl-menuwrapper > .dl-submenu.dl-animate-in-2 { -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out; -moz-animation: SubMenuAnimIn2 0.3s ease-in-out; animation: SubMenuAnimIn2 0.3s ease-in-out; }
.dl-menuwrapper > .dl-submenu.dl-animate-in-3 { -webkit-animation: SubMenuAnimIn3 0.4s ease; -moz-animation: SubMenuAnimIn3 0.4s ease; animation: SubMenuAnimIn3 0.4s ease; }
.dl-menuwrapper > .dl-submenu.dl-animate-in-4 { -webkit-animation: SubMenuAnimIn4 0.4s ease; -moz-animation: SubMenuAnimIn4 0.4s ease; animation: SubMenuAnimIn4 0.4s ease; }
.dl-menuwrapper > .dl-submenu.dl-animate-in-5 { -webkit-animation: SubMenuAnimIn5 0.4s ease; -moz-animation: SubMenuAnimIn5 0.4s ease; animation: SubMenuAnimIn5 0.4s ease; }

@-webkit-keyframes SubMenuAnimIn1 {
    0% { -webkit-transform: translateX(50%); opacity: 0; }
    100% { -webkit-transform: translateX(0px); opacity: 1; }
}

@-webkit-keyframes SubMenuAnimIn2 {
    0% { -webkit-transform: translateX(100%); opacity: 0; }
    100% { -webkit-transform: translateX(0px); opacity: 1; }
}

@-webkit-keyframes SubMenuAnimIn3 {
    0% { -webkit-transform: translateZ(-300px); opacity: 0; }
    100% { -webkit-transform: translateZ(0px); opacity: 1; }
}

@-webkit-keyframes SubMenuAnimIn4 {
    0% { -webkit-transform: translateZ(300px); opacity: 0; }
    100% { -webkit-transform: translateZ(0px); opacity: 1; }
}

@-webkit-keyframes SubMenuAnimIn5 {
    0% { -webkit-transform: translateZ(-200px); opacity: 0; }
    100% { -webkit-transform: translateZ(0); opacity: 1; }
}

@-moz-keyframes SubMenuAnimIn1 {
    0% { -moz-transform: translateX(50%); opacity: 0; }
    100% { -moz-transform: translateX(0px); opacity: 1; }
}

@-moz-keyframes SubMenuAnimIn2 {
    0% { -moz-transform: translateX(100%); opacity: 0; }
    100% { -moz-transform: translateX(0px); opacity: 1; }
}

@-moz-keyframes SubMenuAnimIn3 {
    0% { -moz-transform: translateZ(-300px); opacity: 0; }
    100% { -moz-transform: translateZ(0px); opacity: 1; }
}

@-moz-keyframes SubMenuAnimIn4 {
    0% { -moz-transform: translateZ(300px); opacity: 0; }
    100% { -moz-transform: translateZ(0px); opacity: 1; }
}

@-moz-keyframes SubMenuAnimIn5 {
    0% { -moz-transform: translateZ(-200px); opacity: 0; }
    100% { -moz-transform: translateZ(0); opacity: 1; }
}

@keyframes SubMenuAnimIn1 {
    0% { transform: translateX(50%); opacity: 0; }
    100% { transform: translateX(0px); opacity: 1; }
}

@keyframes SubMenuAnimIn2 {
    0% { transform: translateX(100%); opacity: 0; }
    100% { transform: translateX(0px); opacity: 1; }
}

@keyframes SubMenuAnimIn3 {
    0% { transform: translateZ(-300px); opacity: 0; }
    100% { transform: translateZ(0px); opacity: 1; }
}

@keyframes SubMenuAnimIn4 {
    0% { transform: translateZ(300px); opacity: 0; }
    100% { transform: translateZ(0px); opacity: 1; }
}

@keyframes SubMenuAnimIn5 {
    0% { transform: translateZ(-200px); opacity: 0; }
    100% { transform: translateZ(0); opacity: 1; }
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 { -webkit-animation: SubMenuAnimOut1 0.4s ease; -moz-animation: SubMenuAnimOut1 0.4s ease; animation: SubMenuAnimOut1 0.4s ease; }
.dl-menuwrapper > .dl-submenu.dl-animate-out-2 { -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out; -moz-animation: SubMenuAnimOut2 0.3s ease-in-out; animation: SubMenuAnimOut2 0.3s ease-in-out; }
.dl-menuwrapper > .dl-submenu.dl-animate-out-3 { -webkit-animation: SubMenuAnimOut3 0.4s ease; -moz-animation: SubMenuAnimOut3 0.4s ease; animation: SubMenuAnimOut3 0.4s ease; }
.dl-menuwrapper > .dl-submenu.dl-animate-out-4 { -webkit-animation: SubMenuAnimOut4 0.4s ease; -moz-animation: SubMenuAnimOut4 0.4s ease; animation: SubMenuAnimOut4 0.4s ease; }
.dl-menuwrapper > .dl-submenu.dl-animate-out-5 { -webkit-animation: SubMenuAnimOut5 0.4s ease; -moz-animation: SubMenuAnimOut5 0.4s ease; animation: SubMenuAnimOut5 0.4s ease; }

@-webkit-keyframes SubMenuAnimOut1 {
    0% { -webkit-transform: translateX(0%); opacity: 1; }
    100% { -webkit-transform: translateX(50%); opacity: 0; }
}

@-webkit-keyframes SubMenuAnimOut2 {
    0% { -webkit-transform: translateX(0%); opacity: 1; }
    100% { -webkit-transform: translateX(100%); opacity: 0; }
}

@-webkit-keyframes SubMenuAnimOut3 {
    0% { -webkit-transform: translateZ(0px); opacity: 1; }
    100% { -webkit-transform: translateZ(-300px); opacity: 0; }
}

@-webkit-keyframes SubMenuAnimOut4 {
    0% { -webkit-transform: translateZ(0px); opacity: 1; }
    100% { -webkit-transform: translateZ(300px); opacity: 0; }
}

@-webkit-keyframes SubMenuAnimOut5 {
    0% { -webkit-transform: translateZ(0); opacity: 1; }
    100% { -webkit-transform: translateZ(-200px); opacity: 0; }
}

@-moz-keyframes SubMenuAnimOut1 {
    0% { -moz-transform: translateX(0%); opacity: 1; }
    100% { -moz-transform: translateX(50%); opacity: 0; }
}

@-moz-keyframes SubMenuAnimOut2 {
    0% { -moz-transform: translateX(0%); opacity: 1; }
    100% { -moz-transform: translateX(100%); opacity: 0; }
}

@-moz-keyframes SubMenuAnimOut3 {
    0% { -moz-transform: translateZ(0px); opacity: 1; }
    100% { -moz-transform: translateZ(-300px); opacity: 0; }
}

@-moz-keyframes SubMenuAnimOut4 {
    0% { -moz-transform: translateZ(0px); opacity: 1; }
    100% { -moz-transform: translateZ(300px); opacity: 0; }
}

@-moz-keyframes SubMenuAnimOut5 {
    0% { -moz-transform: translateZ(0); opacity: 1; }
    100% { -moz-transform: translateZ(-200px); opacity: 0; }
}

@keyframes SubMenuAnimOut1 {
    0% { transform: translateX(0%); opacity: 1; }
    100% { transform: translateX(50%); opacity: 0; }
}

@keyframes SubMenuAnimOut2 {
    0% { transform: translateX(0%); opacity: 1; }
    100% { transform: translateX(100%); opacity: 0; }
}

@keyframes SubMenuAnimOut3 {
    0% { transform: translateZ(0px); opacity: 1; }
    100% { transform: translateZ(-300px); opacity: 0; }
}

@keyframes SubMenuAnimOut4 {
    0% { transform: translateZ(0px); opacity: 1; }
    100% { transform: translateZ(300px); opacity: 0; }
}

@keyframes SubMenuAnimOut5 {
    0% { transform: translateZ(0); opacity: 1; }
    100% { transform: translateZ(-200px); opacity: 0; }
}

.no-js .dl-menuwrapper .dl-menu { position: relative; opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; }
.no-js .dl-menuwrapper li .dl-submenu { display: block; }
.no-js .dl-menuwrapper li.dl-back { display: none; }
.no-js .dl-menuwrapper li > a:not(:only-child) { background: rgba(0,0,0,0.1); }
.no-js .dl-menuwrapper li > a:not(:only-child):after { content: ''; }

.home_cp .viewpro { opacity: 0; transition-duration: 1s; }
.home_cp li:hover .viewpro { opacity: 1; }
#nav_5 ul { display: none; }
#tabsholder .tabs li a { color: #fff; }



.article .qh_flex_item { max-width: 458px; }

@media screen and (max-width:1200px) {
    html { font-size: 9px; }
    .bgb { background-size: cover; }
}

@media screen and (max-width:968px) {
    .buju { display: none; }
    .home_cp li img { height: 21vw; }
}

@media screen and (max-width:767px) {
    html { font-size: 8px; }
    .callbacks img { width: 250%; left: -50%; }
    .callbacks.index img { width: 150%; left: -25%; }
    .article_head { height: 40px; line-height: 40px; }
    .relevant li img { height: 30vw; }
    .infos ul { padding: 0; border-radius: 0; margin-bottom: 5vw; font-size: 14px; }
    .infos li { padding-left: 10px; line-height: 32px; }
    .infos li:first-child { border-bottom: 10px solid #fff; }
    .bottom { line-height: 1.6; text-align: center; padding: 1em 0; font-size: 13px; }
    .article_head .qh_position { font-size: 13px; }
    .submenu { margin-left: 10px; margin-right: 10px; }
    .inn_about h3 { line-height: 2; }
    .inn_about p { font-size: 14px; padding: 1rem 0; line-height: 1.76; height: 20em; overflow: hidden; margin-bottom: 1.5vw; }
    .inn_about p { font-size: 14px; padding: 0; line-height: 1.76; height: 19em; margin-bottom: 2vw; margin-top: 1em; }
    .inn_about .link_list { margin-bottom: 2em; font-size: 14px; }
    .contactt h4:after { top: 10px; }
    .shili { overflow: hidden; padding: 0 0 0.5em; }
    .shili li { margin-top: 5%; }
    #tabsholder .tabs { display: flex; flex-flow: row wrap; justify-content: space-between; }
    .shili li p { font-size: 15px; }
    #tabsholder .tabs li { flex: 1; white-space: nowrap; text-align: center; padding: 7px 0; margin: 1%; flex-shrink: 1; }

    .qh_flex { flex-flow: row wrap; justify-content: space-between; }
    #tabsholder .qh_flex_item { height: 36vw; flex-basis: 48%; max-width: 50%; }
    .bgc { background-size: cover; }
    .sicontentb { padding-top: 0; padding-bottom: 1em; }
    #ind_yewu .qh_flex_item { flex-basis: 48%; }
    .home_cp li a { display: block; }
    .home_cp li { float: none; width: 98%; overflow: hidden; padding-bottom: 1em; border-bottom: 1px dashed #ddd; }
    .home_cp .viewpro .time { display: block !important; width: auto; margin-top: -0.8em; }
    .home_cp .viewpro { width: auto; height: auto; background: none; overflow: hidden; }
    .home_cp li img { float: left; width: 30%; }
    .dateetime { color: #523838; padding-top: 0; padding-bottom: 0; }
    .dateetime span { color: #523838; }
    .viewpro .tit { position: relative; width: auto; background: none; color: #333; line-height: 1.65; height: 3.3em; overflow: hidden; display: block; white-space: inherit; font-size: 14px; }
    .viewpro .tit h3 { font-size: 14px; }
    .info *, .info p { line-height: 2 !important; font-size: 14px; }
    .article *, .article p { line-height: 2 !important; font-size: 14px; }
    .tell { line-height: 40px; margin-right: 50px; }
    .sicontenta { padding-top: 5%; }
    #ind_pro { margin-bottom: 1em; }
    .news_show h5 { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
    .news_show { margin: 3% 0 2%; }
    .list_news li .imgcn { float: none; width: 100%; height: auto; max-height: 55vw; }
    .list_news li h3 { font-size: 15px; }
    .list_news li .date span { font-size: 13px; }
    #headnav { height: 60px; position: fixed; top: 0; left: 0; z-index: 88; width: 100%; background: #fff; box-shadow: 2px 2px 7px rgba(70,70,70,.2); }
    body { padding-top: 60px; }
    .relevant h3 { font-size: 16px; line-height: 2; }
    .relevant h3 span { font-size: 13px; }
    .more { font-size: 14px; }
}

.job-item { padding: 2rem 0; }

@media screen and (max-width:1200px) {
    .tell { line-height: 1; padding-top: .5rem; }
    .tell img { height: 30px; margin-top: 0; vertical-align: middle; }
    .tell-text { width: auto; vertical-align: middle; padding: 0 2rem 0 .5rem; }
    .tell-text i + i { margin-left: 1rem; }
}

@media screen and (max-width:767px) {
    .tell { margin-right: 36px; padding: 0; }
    .tell img { height: 24px; margin-right: .8rem; }
    .tell-text { text-align: center; }
    .tell-text i { display: block; font-style: normal; }
    .tell-text i + i { margin: 0; margin-top: .5rem;  }
}

.mobile-nav-holder { display: none; height: 8rem; }
.mobile-nav { display: none; position: fixed; bottom: 0; left: 0; right: 0; height: 8rem; background-color: rgba(0,0,0,.9); z-index: 100; }
.mobile-nav ul { overflow: hidden; height: 100%; }
.mobile-nav li { float: left; width: 25%; height: 100%; box-sizing: border-box; border-right: solid 1px #262626; cursor: pointer; }
.mobile-nav li:last-child { border: none; }
.mobile-nav li a { width: 100%; height: 100%; box-sizing: border-box; display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; color: #fff; font-size: 13px; text-align: center; }
.mobile-nav li a > i { width: 20px; height: 20px; margin: 0 auto .8rem; background-repeat: no-repeat; background-position: center center; background-size: contain; }
.mobile-nav li a:active { background-color: #e70012; }
.mobile-nav li.mn-home i { background-image:url(/Static/template/pc_moban/images/mn6.png); }
.mobile-nav li.mn-qq i { background-image:url(/Static/template/pc_moban/images/qq.png); }
.mobile-nav li.mn-phone i { background-image:url(/Static/template/pc_moban/images/mn1.png); }
.mobile-nav li.mn-contact i { background-image:url(/Static/template/pc_moban/images/mn5.png); }
.mobile-nav li.mn-prod i { background-image:url(/Static/template/pc_moban/images/mn8.png); }
@media screen and (max-width:767px) {
    .mobile-nav-holder { display: block; }
    .mobile-nav { display: block; }
}

/*#region ====通用组件====*/

@media screen and (max-width: 1200px) {
    .copyright { padding-top: 2rem; padding-bottom: 2rem; text-align: center; }
}
a { cursor: pointer; }
.global-footer { clear:both; padding: 0; }
.global-footer a:hover { color: #d00000; }

/*#endregion*/

/*#region ====富文本区块====*/

.dhtml { padding: 0 2% 2% 2%; min-height: 40rem; line-height: 2.4rem; }
.dhtml p { margin: 0; }
.dhtml img { vertical-align: middle; max-width: 100%; height: auto; }
.dhtml .indent { text-indent: 2em; }
.dhtml table { border-collapse: collapse; border-spacing: 0; }
.dhtml table[align="center"] { margin-left: auto; margin-right: auto; }
.dhtml table th, .dhtml table td { padding: .8rem 1.2rem; border: solid 1px #ddd; }
@media (max-width: 576px) { 
    .dhtml { font-size: 14px; line-height: 2; }
}

/*#endregion*/

/*#region ====分页====*/

.pager { margin-top: 2.5rem; }
.pager .pager_content { display: block; text-align: center; }
.pager .num, 
.pager .current,
.pager .pn,
.pager .ellipsis { display: inline-block; margin: 0 .4rem; min-width: 3.8rem; line-height: 3rem; white-space: nowrap; overflow: hidden; text-align: center; background-color: #e8e8e8; border: solid 1px #ddd; border-radius: .2rem; }
.pager .current, .pager .num:hover, .pager .pn:hover { color: #fff; background-color: #d00000; border-color: #d00000; }
.pager .num a, .pager .pn a { display: block; color: #212529;  }
.pager .num:hover a, .pager .pn:hover a { color: #fff; text-decoration: none; }
.pager .pn { background-color: #fff; }
.pager .pn a { padding: 0 1.2rem; }
.pager .pn.disabled { background-color: #fff; border-color: #e0e0e0; }
.pager .pn.disabled a { cursor: default; color: #bdbdbd; }
.pager .ellipsis { background-color: #fff; border-color: #fff; margin: 0; }
@media (max-width: 768px) {
    .pager { }
    .pager .num, .pager .current, .pager .ellipsis { display: none; }
    .pager .pn { padding: .3rem 0 .4rem 0; width: 25%; margin: 0 .6rem; background-color: #d00000; border-color: #d00000; border-radius: 0; }
    .pager .pn.disabled a { color: #ccc; }
    .pager .pn a { color: #fff; }
}

.prod-pager { margin-top: .5rem; }

/*#endregion*/

.clearfix { *zoom: 1; }
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }
.section-title { background: url(../images/i11.png) no-repeat; width: 213px; height: 64px; line-height: 48px; color: #fff; font-size: 1.8rem; padding-left: 4rem; }
.section-content { padding: 1rem 2rem; }
table.black-border td, table.black-border th { border-color: #333; }

.fgrid { padding: .5rem; }
.fgrid-row { display: flex; flex-flow: row wrap; }
.fgrid-item { flex: none; box-sizing: border-box; padding: 1.5rem; min-width: 3rem; min-height: 3rem; }
.fgrid-item img { width: 100%; height: auto; }
.fgrid-item img.nofit { width: auto; height: auto; }
.fgrid.gap-none { padding: 0; }
.fgrid.gap-none .fgrid-item { padding: 0; }
.fgrid.gap-small { padding: 1.5rem; }
.fgrid.gap-small .fgrid-item { padding: .5rem; }
.fgrid.cell-border { border-bottom: solid 1px #ddd; border-right: solid 1px #ddd; }
.fgrid.cell-border .fgrid-item { border-top: solid 1px #ddd; border-left: solid 1px #ddd; }
.fgrid.cell-border-dash { border-bottom-style: dashed; border-right-style: dashed; }
.fgrid.cell-border-dash .fgrid-item { border-top-style: dashed; border-left-style: dashed; }

.culture-head { padding: 2rem 0; text-align: center; }
.culture-main { margin-top: 2rem; }
.culture-main .fgrid { padding: 0; }
.culture-main .fgrid-item { width: 50%; padding: 1.2rem 1rem; }
.culture-item { min-height: 120px; box-shadow:  0 0 5px 0 #ccc; border: solid 1px #ddd; }
.culture-item .pic { float: left; width: 45%; box-sizing: border-box; }
.culture-item .content { float: left; width: 55%; box-sizing: border-box; padding: 1rem 2rem; }
.culture-item .content h4 { color: #d00000; font-size: 16px; font-weight: bold; line-height: 2.5em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
@media (max-width: 768px) {
    .culture-main .fgrid-item { width: 100%; }
}

.course-timeline { position: relative; padding: .5rem 0 .5rem 30%; margin: 2rem 0; }
.course-timeline::before { content: ''; position: absolute; top: 0; bottom: 0; width: 2px; background: #d00000; left: 30%; margin-left: -10px; }
.course-timeline > p { padding: 0 4rem 1rem; }
@media (max-width: 768px) {
    .course-timeline { padding-left: 8%; }
    .course-timeline::before { left: 8%; }
}

.parter-grid.fgrid .fgrid-item { padding: 20px 10px; text-align: center; }
.parter-grid.fgrid .fgrid-item img { width: auto; height: auto; }